extends tpl/basic.pug
append vars
  - var title ="首页"
append style
  link(rel="stylesheet", href="style/index.css")
block page
  +header()
  .container
    .content-list
      +clearfix
      .content
        .title 我们只做最好的互联网产品
        .section 飓风UCD成立于2017年，通过不断的努力，一直专注于互联网开发，秉承着对文化与视觉艺术的独到理解，凭借热情、创意、和团队精神，用我们最前沿的设计水准和丰富的互联网开发经验，为客户打造最好的互联网产品，并赢得了诸多客户的信任和认可，成为诸多国际及本土知名企业、品牌的互联网供应商，并建立了长期的合作关系。
    .case
      +casecon('最新案例','new case')
      ul.caseul
        -
          var cases=[{
          img:'./image/case-1.png',
          url:'./breeze'
          },{
          img:'./image/case-2.png',
          url:'./casehuiauto'
          },{
          img:'./image/case-4.png',
          url:'./netletter'
          },{
          img:'./image/medical.png',
          url:'./medicalcase'
          },{
          img:'./image/case-6.png',
          url:'#'
          },{
          img:'./image/case-7.png',
          url:'#'
          },{
          img:'./image/case-8.png',
          url:'#'
          },{
          img:'./image/case-9.png',
          url:'#'
          },{
          img:'./image/morecase3.png',
          url:'#'
          }]
        each val in cases
          li
            .img
              a(href=val.url + ".html")
                img(src=val.img)
      .more
        a(href='./case.html') 更多案例
    .product
      .product-inner
        .datav
          .text
            .title 数据可视化
            .subtitle Data visualization
            .content 大数据平台架构下的可视化应用产品，更生动、友好的 形式，即时呈现隐藏在瞬息万变且复杂数据背后的业务洞察
        .quqing
          .img
      .more
        a(href="./product.html") 了解产品


//- {
//-           img:'./image/case-3.png',
//-           url:'./case01'
//-           }
//- ,{
//-           img:'./image/case-5.png',
//-           url:'./bigcase'
//-           }